<!--
 * @Descripttion: 
 * @version: 
 * @Author: 高月飞
 * @Date: 2023-11-19 16:10:43
 * @LastEditors: 高月飞
 * @LastEditTime: 2023-11-25 15:43:23
-->
<template>
  <div class="seabtn">
    <el-button :disabled="isChildButtonDisabled" type=" primary" @click="exposeExcelCustomer">导出</el-button>
    <el-button :disabled="isChildButtonDisabled" type="success" @click="importExcelCustomer">导入</el-button>
  </div>
</template>

<script setup lang="ts">
import { ref, defineProps, defineEmits, watch } from 'vue';
// 导出数据
const emit = defineEmits(["exposeSystem", "importSystem"])
const exposeExcelCustomer = () => {
  emit('exposeSystem', true)
}
// 导入数据
const importExcelCustomer = () => {
  emit('importSystem', true)
}
interface IProps {
  isChildButtonDisabled: boolean
}
const props = defineProps<IProps>()
const isButtonDisabled = ref()
console.log(props)





</script>

<style lang="scss" scoped>
.seabtn {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  .el-button {
    margin-left: 23px;
  }
}
</style>